import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';

import '../../path.dart';

class Webviewz extends StatefulWidget {
  @override
  _VebviewsState createState() => _VebviewsState();
}

class _VebviewsState extends State<Webviewz> {
  var width1 = 80.0;
  var height1 = 60.0;
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: new AppBar(
        elevation: 0.0,
        centerTitle: true,
        leading: Container(
            padding: EdgeInsets.only(right: 15.0),
            color: Colors.transparent,
            height: double.infinity,
            child: GestureDetector(
              onTap: () {
                Navigator.pop(context);
              },
              child: Image.asset("assets/login/top_return_icon.png"),
            )),
        actions: <Widget>[
          new IconButton(
            icon: new Icon(Icons.more_horiz),
            tooltip: 'Add Alarm',
            onPressed: () {
              showModalBottomSheet(
                  context: context,
                  builder: (BuildContext context) {
                    return new Container(
                      height: 300,
                      color: Colors.white,
                    );
                  }).then((val) {
                print('54454');
              });
            },
          ),
        ],
      ),
      body: SingleChildScrollView(
          physics: BouncingScrollPhysics(),
          child: Column(
            children: <Widget>[
              Container(
                padding: EdgeInsets.only(right: 15.0, left: 15.0),
                margin: EdgeInsets.only(top: 10.0),
                child: Wrap(
                  direction: Axis.horizontal,
                  alignment: WrapAlignment.start,
                  spacing: 10.0,
                  runSpacing: 10.0,
                  runAlignment: WrapAlignment.start,
                  children: Boxs(), //要显示的子控件集合
                ),
              ),
              Container(
                padding: EdgeInsets.only(right: 15.0, left: 15.0),
                child: Html(
                    data:
                        "<div><h2>狗狗怀孕，主人一定要做好以下这5点，让狗狗顺利分娩！</h2></div><div><div><br></div><div><p><br></p></div></div><div><p>狗狗怀孕了，主人应该要怎么样正确去照顾，对于很多没有经验的主人来说，可能会比较无助，那么小编今天就来教教大家，狗狗怀孕，主人应该要怎么做呢？</p><div style=\"text-align: center;\"><img src=\"http://zhmc.yyang.xin/661e5db042ea5464cb7bb6fa703b5a34.jpg\" style=\"max-width: 100%;\">&nbsp;&nbsp;<br></div><p></p><p>1、避免让狗狗剧烈运动</p><p>刚刚受孕(大约一到两周内)的母犬要避免剧烈运动，因为容易导致流产。平时太过剧烈的，比如狗狗剧烈奔跑，从高处跳下等等，都要注意，不要让狗狗进行。刚受孕的狗狗，胎儿还不太稳定，以免动了胎气。平时只需要简单的散散步，保持有合适的运动量就可以了，或者玩些握手等互动，适当去奖励一些磨牙补钙的零食，比如鸭肉薯条干，羊奶酪等，但是也是要食量哦。</p><div><img src=\"http://zhmc.yyang.xin/817d002d7f74b7e859cd8f089c35e1b2.jpg\" style=\"max-width:100%;\"><br></div><p></p><p>2、为狗狗提供良好的住所</p><p>狗狗怀孕之后，也是跟人一样也是需要更多的休息，所以我们应该要为怀孕的狗狗提供良好的住所环境，让狗狗舒适安静的休息，有充足的睡觉休息时间，利于腹中的狗宝宝发育哦~</p><div><img src=\"http://zhmc.yyang.xin/d23a14416d4ffa5c5f896a65a52e6206.jpg\" style=\"max-width:100%;\"><br></div><p></p><p>3、为狗狗补充营养</p><p>狗狗怀孕的时候，饮食是一个非常重要的问题。如果狗狗吃不好的话，那么对肚子里的宝宝发育是会造成影响的。母狗有时会有轻微呕吐的现象，又因胃部受着胎儿的压迫，会使母狗的胃口较平常为差。 怀孕过程中，应以少食多餐为佳，给它充足的营养，可以选择一些高蛋白的狗粮，补充营养，让狗宝宝发育长大。</p><div><img src=\"http://zhmc.yyang.xin/7a779a6320873c669bb42150a32d073a.jpg\" style=\"max-width:100%;\"><br></div><p></p><p>4、做好产前准备工作</p><p>45～60天是第三阶段，你可以非常明显地看到母犬的肚子鼓起来了。母狗会显得越发不安宁，食欲大减，还常常出现喘气的现象。喜欢往暗处跑，并焦躁地用它的前脚搔抓地板。这种分娩前的状况，大约会持续2周左右，视情形有时可能更短，甚至有时会1-2天，这些都属正常。厌食，食欲降低，几乎完全不吃东西的时候，表示狗宝宝出生的时间越来越近了。临产前两周内，应该为它准备一个干净的大纸箱子(木头箱子最好)铺上撕碎的干净报纸，放置在温暖、避风、安静的角落。帮助您家宠物在临产前十天内，适应这个箱子，并将之作为它的“产房”和“育婴房”。</p><div><img src=\"http://zhmc.yyang.xin/f16edf70994e752115cbcbce2489ff4c.jpg\" style=\"max-width:100%;\"><br></div><p></p><p>5、让有经验人士接生</p><p>其实狗狗生产，建议还是请教有经验的人士，或者让有经验人士接生。其实狗狗正常分娩时会伴随着腹部肌肉的收缩，帮助将宝宝推出体外，当宝宝出来以后，狗狗会自行咬断脐带，并且舔新生狗宝宝的身体，帮助它们进行呼吸。一般来说这个过程不需要人为干涉，但是遇到一些狗狗无法顺利生产的情况，铲屎官可以用手轻轻拽拉，帮助狗宝宝出来。当狗狗遇到难产时，一定要注意及时就医哦，不然母狗和宝宝都会很危险。</p><div><img src=\"http://zhmc.yyang.xin/72d3a74a35f3e6866d14e90f528c45b2.jpg\" style=\"max-width:100%;\"><br></div><p></p><p>狗狗饮食注意事项：</p><p>其实狗狗怀孕，也是一个需要特别注意的过程，无论是怀孕的狗狗还是已经生产的狗狗，我们都是为其补充该需要的营养物质，这里给大家推荐“馋不腻天然狗粮”，健康优质，高蛋白低脂肪，钙含量高，为狗狗补充营养，狗狗营养充足，才有利于狗宝宝的健康发育哦。小编建议，当狗狗生育一次之后，就给狗狗进行绝育，能够减少很多疾病的发生哦~</p><p>狗狗健康小零食：</p><p>文章说到狗狗怀孕不能进行太过激烈的运动，但是一些适量的运动还是要的，可以拿点健康的零食诱导狗狗，推荐以下的，还能够帮助狗狗磨牙补钙，但是要注意喂食的量哦~</p><div><br></div><p></p><p>结语：你觉得狗狗该不该做绝育呢？</p></div>"),
              ),
              Container(
                height: 50,
                child: Row(
                  children: <Widget>[
                    Expanded(
                      child: Container(
                        height: 50.0,
                      ),
                    ),
                    Container(
                      child: Row(
                        children: <Widget>[
                          Container(
                            width: 17.0,
                            height: 14.0,
                            child: Image.asset(
                              'assets/user/zhishi_zantong_icon_a@2x.png',
                              fit: BoxFit.cover,
                            ),
                          ),
                          Container(
                            margin: EdgeInsets.only(left: 5.0),
                            child: Text(
                              '201',
                              style: new TextStyle(
                                  fontSize: 12.0, color: Color(0xFFB4BEC6)),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                padding: EdgeInsets.only(bottom: 15.0),
                color: Color(0xFFEEEEEE),
                child: Column(
                  children: <Widget>[
                    Container(
                      height: 60,
                      padding: EdgeInsets.only(left: 15.0),
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '相关问题',
                        style: TextStyle(
                          color: Color(0xFF3C4450),
                          fontSize: 18,
                        ),
                      ),
                    ),
                    GestureDetector(
                      onTap: (){
                        Navigator.of(context).pushNamed(WebviewzPath);
                      },
                      child: Container(
                        margin: EdgeInsets.only(left: 15, right: 15, top: 15),
                        height: 110,
                        decoration: BoxDecoration(
                            border: Border.all(color: Colors.white, width: 1.0),
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(5.0)),
                        child: Column(
                          children: <Widget>[
                            Row(
                              children: <Widget>[
                                Container(
                                    width: 20,
                                    height: 20,
                                    margin: EdgeInsets.only(left: 15),
                                    child: Image.asset(
                                        'assets/user/zhishi_question_icon.png',
                                        width: 20,
                                        height: 20,
                                        fit: BoxFit.cover)),
                                Expanded(
                                  child: Container(
                                    height: 50,
                                    padding: EdgeInsets.only(right: 15.0),
                                    margin: EdgeInsets.only(left: 5, top: 15),
                                    child: Text(
                                     "主人不小心梳毛梳掉狗的铃铛， 狗狗怒不撒嘴，知道他名字后狗狗怒不撒嘴，知道他名字后...",
                                      textAlign: TextAlign.left,
                                      maxLines: 2,
                                      overflow: TextOverflow.ellipsis,
                                      style: new TextStyle(
                                          fontSize: 18.0,
                                          color: Color(0xFF3C4450)),
                                    ),
                                  ),
                                ),
                              ],
                            ),
                            Row(
                              children: <Widget>[
                                Container(
                                  margin: EdgeInsets.only(left: 15, top: 15),
                                  child: Text(
                                    "5415",
                                    textAlign: TextAlign.left,
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: new TextStyle(
                                        fontSize: 12.0,
                                        color: Color(0xFFB4BEC6)),
                                  ),
                                ),
                                Expanded(
                                  child: Container(
                                    margin: EdgeInsets.only(left: 5, top: 14),
                                    padding: EdgeInsets.only(right: 15.0),
                                    child: Text(
                                      '赞同',
                                      textAlign: TextAlign.left,
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: new TextStyle(
                                          fontSize: 12.0,
                                          color: Color(0xFFB4BEC6)),
                                    ),
                                  ),
                                ),
                              ],
                            )
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              )
            ],
          )),
    );
  }

  List<Widget> Boxs() => List.generate(10, (index) {
        return Container(
          padding:
              EdgeInsets.only(left: 20.0, right: 20.0, top: 6.0, bottom: 6.0),

          //alignment:Alignment.bottomCenter,
          decoration: BoxDecoration(
              border: Border.all(color: Colors.white, width: 1.0),
              color: Color(0xFFEEEEEE),
              borderRadius: BorderRadius.circular(50.0)),
          child: Text(
            "贵宾犬",
            style: TextStyle(
              color: Color(0xFF647280),
              fontSize: 15,
            ),
          ),
        );
      });
}
